<!DOCTYPE html>

<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>仪器共享</title>
		<meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">
		<meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。
">

		<link rel="stylesheet" href="new_css/header_footer.css?t=1">
		<link rel="stylesheet" href="new_css/orderManagement.css">
		<style type="text/css">
			.mainList .content .right .infoList li .row2 .tab6 .btn {
    display: inline-block;
    width: 66px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: rgb(255,138,0);
    border-radius: 5px;
    /* margin: auto; */
}
.mainList .content .right .infoList li .row2 .tab2 {
    width: 25%;
     text-align: center; 
}
.mainList .content .right .tab_header .item3 {
    width: 27%;
}
.mainList .content .right .infoList li .row2 .tab3 {
    width: 27%;
}
.mainList .content .right .infoList li .row2 .tab4 {
    width: 15%;
    border: 0px solid #e6e6e6;
}
.mainList .content .right .infoList li .row2 .tab5 {
    width: 15%;
    border-right: 0px solid #e6e6e6;
}
.mainList .content .right .infoList li {
    height: 110px;
    margin-bottom: 9px;
    border: 1px solid #e6e6e6;
}
		</style>
		<script src="js/jquery-1.11.3.js"></script>
		<script>
			$(function() {
				
				/*-----------*/
				$(".tab_span1").click(function(){
					$(this).addClass('tab2').siblings().removeClass('tab2');
       $("#top2_item1").css("display","block");
       $("#top2_item2").css("display","block");
       $("#top1_item1").css("display","none");
       $("#top1_item2").css("display","none");
});


$(".tab_span2").click(function(){
	$(this).addClass('tab2').siblings().removeClass('tab2');
       $("#top1_item1").css("display","block");
       $("#top1_item2").css("display","block");
       $("#top2_item1").css("display","none");
       $("#top2_item2").css("display","none");
});			
				/*-----------*/
				$('#front_header .header_wrap .right').hover(function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
					$('#front_header .header_wrap .right .out').show();
				}, function() {
					$('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
					$('#front_header .header_wrap .right .out').hide();
				});
				$('#sorts').on('mouseover', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon4.png');
				});
				$('#sorts').on('mouseout', 'li', function() {
					$(this).find('span img').attr('src', 'images/icon5.png');
				});

				$('.mainList .content .left li').click(function() {
					$('.mainList .content .left li').removeClass('selected');
					$(this).addClass('selected');
				});
				$('.mainList .content .left .list_header').click(function() {
					if($('.mainList .content .left .secendList').is(':hidden')) {
						$('.mainList .content .left .secendList').slideDown();
						$('.mainList .content .left .list_header img').attr("src", "images/insUser_icon.png");
					} else {
						$('.mainList .content .left .secendList').slideUp();
						$('.mainList .content .left .list_header img').attr("src", "images/icon4.png");
					};

				});
				$("#row5 font label").click(function() {
					$("#row5 font label img").attr('src', 'images/icon35.png');
					$("#row5 font label").siblings('input').prop('checked', false);
						$(this).find('img').attr('src', 'images/icon36.png');
						$(this).siblings('input').prop('checked', true);
				});
				$("#row8 font label").click(function() {
					$("#row8 font label img").attr('src', 'images/icon35.png');
					$("#row8 font label").siblings('input').prop('checked', false);
						$(this).find('img').attr('src', 'images/icon36.png');
						$(this).siblings('input').prop('checked', true);
				});
			});
		</script>

	</head>

	<body style="background:#fff;">

		<div id="front_header">
			<div class="header_wrap">
				<div class="fl left">
					<img src="images/home.png" />
					<span>欢迎访问仪器共享平台</span>
				</div>
				<div class="registeredLink">
					<a href="#this">注册</a>
				</div>

				<div class="fr right">
					<div class="main">
						<div class="user_pic fl"><img src="images/user.png" /></div>
						<div class='user_name fl'>一日一记忆</div>
						<div class='icon fl'><img src="images/icon1.png" /></div>
					</div>
					<div class="out">
						<div class="user_center">
							<a href="javascript:void(0)">用户中心</a>
						</div>
						<div class="log_out">
							<a href="#this">退出登录</a>
						</div>
						<div class="tri"><img src="images/icon9.png" /></div>
					</div>
				</div>
				<div class="header_title">海洋装备</div>

			</div>
		</div>

		<div class="" id="nav_top">
			<div class="container">
				<div class="fl">
					<div class="logo ">
						<a href="/"><img src="images/logo2.png" alt=""></a>
					</div>
					<div class="web_name">
						用户中心
					</div>
				</div>
			</div>
		</div>
		<div class="mainList">
			<div class="bNav">您的位置：首页>用户中心><span>管理成员</span></div>
			<div class="content">
				<div class="left">
					<ul>
						<li class="list">科研成果<img src="images/icon4.png" /></li>
						<li class="list_header">订单管理<img src="images/insUser_icon.png" /></li>
						
					</ul>
					<ul class="secendList">
						<li class="selected">等待完成</li>
						<li>完成交易 </li>
						
					</ul>
					<ul>
						<li class="list">海洋装备<img src="images/icon4.png" /></li>
						<li class="list">科研需求<img src="images/icon4.png" /></li>
						<li class="list">技术方案管理</li>
						<li class="list">账号设置</li>
						<li class="list">信用认证和交易</li>
					</ul>
				</div>
				<div class="right">
					<div class="title"><span>管理成果</span></div>
					
					<div class="tab_header" id="top1_item1">
						<div class="item2">需求名称</div>
						
						<div class="item3">需求简介</div>
						<div class="item4">技术方案</div>
						<div class="item5">状态</div>
						<div class="item6">操作</div>
					</div>
					
					<div class="infoList" id="top1_item2">
						<ul>
							<li>
								
								<div class="row2">
									<div class="tab2">11111111</div>
									<!--<div class="tab1">高内涵筛选系统</div>-->
									<div class="tab3">10-20万</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>待确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="#this">查看</a>
										</div>
										<div class="btn" style="background-color: rgb(0,174,255);">
											<a href="#this" >删除</a>
										</div>
										<!--<div class="time">还剩11:23:02</div>-->
									</div>
								</div>
							</li>
							<li>
								
								<div class="row2">
									<div class="tab2">111111</div>
									<!--<div class="tab1">高内涵筛选系统</div>-->
									<div class="tab3">10-20万</div>
									<div class="tab4">张三</div>
									<div class="tab5">
										<p>待确认</p>
										<p>
											<a href="#this">查看详情</a>
										</p>
									</div>
									<div class="tab6">
										<div class="btn">
											<a href="#this">查看</a>
										</div>
										<div class="btn" style="background-color: rgb(0,174,255);">
											<a href="#this" >删除</a>
										</div>
										<!--<div class="time">还剩11:23:02</div>-->
									</div>
								</div>
							</li>
						</ul>
					</div>
                
                	
                <!----------------------------------->
				   
				<!----------------------------------->
				
				</div>
			</div>
			<div class="pageButton"></div>
			<!--找个分页插件插入-->
		</div>

		<div id="footer">
			© 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 拷贝
		</div>

	</body>

</html>